.know {
  display: flex;
  background-color: var(--bg);
  justify-content: space-between;
  .left {
    width: 49.5%;
    span {
      background-color: white; 
      width: 100%; 
      display: block;
    }
    img {
      width: 100%;
    }
  }
  .right {
    
    width: 49.5%;
    span {
      background-color: white; 
      width: 100%; 
      display: block;
    }
    img {
      width: 100%;
    }
  }
}

.title {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 120px;
  span {
    &.active {
      color: skyblue;
    }
  }
}

.heathy {
  display: flex;
  flex-wrap: wrap;
  .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    height: 200px;
    width: 25%;
    .img {
      width: 50%;
    }
  }
}